<#import "decorators/jscss.ftl" as jc />
<!DOCTYPE html>
<!--
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0
Version: 1.5
Author: KeenThemes
Website: /
Purchase: /themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <title>SMI</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="MobileOptimized" content="320">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
<@jc.cssurl url = [
"assets/plugins/bootstrap/css/bootstrap.min",
"assets/plugins/select2/select2_metro",
"assets/plugins/uniform/css/uniform.default",
"assets/plugins/bootstrap-daterangepicker/daterangepicker-bs3",
"assets/plugins/zTree_v3/css/zTreeStyle",
"assets/plugins/data-tables/DT_bootstrap",
"assets/plugins/autocomplete/jquery.autocomplete",

"assets/css/style-metronic",
"assets/css/themes/default",
"assets/css/index"
]/>
    <style>
        html, body {
            height: 100%;
        }
    </style>
    <script type="text/javascript">
        var cxjBasePath = "${cxjBasePath}";
    </script>
    <link href="${cxjBasePath}static/assets/plugins/font-awesome/css/font-awesome.min.css?t=${resetTime}"
          rel="stylesheet"/>

<@jc.jsurl url = ["/assets/plugins/jquery-1.10.2.min"]/>
    <link rel="shortcut icon" href="${imgUrl("assets")}/img/logo001.jpg"/>
</head>

<body class="page-header-fixed index">

<div class="header navbar navbar-inverse navbar-fixed-top">
    <div class="header-inner">

        <!--
         <div class="navbar-brand navbar-logo">
          <img src="${jscssUrl('assets')}/img/logo3.png" alt="上汽零部件采购中心管理系统" width="200" height="60" />
         </div>
         -->
        <div class="navbar-brand navbar-slogan">POST - SMI</div>

        <!-- <a href="javascript:;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
         <img src="assets/img/menu-toggler.png" alt="" />
        </a> -->
        <!-- END RESPONSIVE MENU TOGGLER -->
        <!-- BEGIN TOP NAVIGATION MENU -->
        <ul class="nav navbar-nav navbar-info pull-right">
            <!-- BEGIN TODO DROPDOWN -->
            <li class="welcome">${empVo.jobName}[${empVo.userAccount}]，欢迎您</li>
            <input type='hidden' id='currentUser' value="${empVo.userAccount}"/>
            <!-- END TODO DROPDOWN -->
            <!-- BEGIN USER LOGIN DROPDOWN -->
            <li class="dropdown user">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
                   data-close-others="true">
                    <img alt="" src="${jscssUrl('assets')}/img/pel.png"/>
                    <span class="username">控制面板</span>
                    <i class="fa fa-angle-down"></i>
                </a>
                <ul class="dropdown-menu">
                    <li><a target="iframepage" href="${cxjBasePath}toChangePassword.htm"><i
                            class="fa fa-bar-chart-o"></i> 修改密码</a></li>
                    <li><a href="${cxjBasePath}logout.htm"><i class="fa fa-key"></i> 退出系统</a>
                    </li>
                </ul>
            </li>
            <!-- END USER LOGIN DROPDOWN -->
        </ul>
        <!-- END TOP NAVIGATION MENU -->
    </div>
    <!-- END TOP NAVIGATION BAR -->
</div>
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<div class="page-container">
    <!-- BEGIN SIDEBAR -->
    <div class="page-sidebar-wrapper">
        <div class="page-sidebar navbar-collapse collapse">
            <!--左侧菜单-->
            <div class="scroller">
            <@menu empId=Session.userSessionKey.id;children>
                <ul class="page-sidebar-menu" id="sideMenu">
                    <li>
                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
                        <div class="sidebar-toggler hidden-phone"></div>
                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
                    </li>
                    <#if children??>
                        <#list children as m1>
                            <#if (m1.children)?size=0 >
                                <#if (m1.url)??>
                                    <#if (m1.url)?index_of('http')==0 >
                                        <li><a target="iframepage" href="${m1.url}">${m1.menuName}</a></li>
                                    <#else>
                                        <li><a target="iframepage" href="${cxjBasePath}${m1.url}">${m1.menuName}</a>
                                        </li>
                                    </#if>
                                </#if>
                            <#else>
                                <li><a href="javascript:;">
                                    <#if m1.menuName=="商品管理" >
                                        <i class="fa fa-bookmark"></i>
                                    <#elseif m1.menuName=="采购管理" >
                                        <i class="fa fa-filter"></i>
                                    <#elseif m1.menuName=="营销管理" >
                                        <i class="fa fa-cubes"></i>
                                    <#elseif m1.menuName=="客服管理" >
                                        <i class="fa fa-user"></i>
                                    <#elseif m1.menuName=="仓库管理" >
                                        <i class="fa fa-institution"></i>
                                    <#elseif m1.menuName=="财务管理" >
                                        <i class="fa fa-money"></i>
                                    <#elseif m1.menuName=="系统管理" >
                                        <i class="fa fa-gears"></i>
                                    <#else>
                                        <i class="fa fa-bookmark"></i>
                                    </#if>
                                    <span class="title">${m1.menuName}</span><span class="arrow "></span></a>
                                    <ul class="sub-menu">
                                        <#list (m1.children) as m2>
                                            <#if (m2.children)?size=0 >
                                                <#if (m2.url)??>
                                                    <#if (m2.url)?index_of('http')==0 >
                                                        <li><a target="iframepage" href="${m2.url}">${m2.menuName}</a>
                                                        </li>
                                                    <#else>
                                                        <li><a target="iframepage"
                                                               href="${cxjBasePath}${m2.url}">${m2.menuName}</a></li>
                                                    </#if>
                                                </#if>
                                            <#else>
                                                <ul class="sub-menu">
                                                    <li class="dropdown-submenu"><a href="#">${m2.menuName}</a>
                                                        <ul class="sub-menu">
                                                            <#list m2.children as m3>
                                                                <#if (m3.url)??>
                                                                    <#if (m3.url)?index_of('http')==0 >
                                                                        <li><a target="iframepage"
                                                                               href="${m3.url}">${m3.menuName}</a></li>
                                                                    <#else>
                                                                        <li><a target="iframepage"
                                                                               href="${cxjBasePath}${m3.url}">${m3.menuName}</a>
                                                                        </li>
                                                                    </#if>
                                                                </#if>
                                                            </#list>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </#if>
                                        </#list>
                                    </ul>
                                </li>
                            </#if>
                        </#list>
                    </#if>
                </ul>
            </@menu>
            </div>
        </div>
    </div>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content-wrapper">
        <div class="page-content" id="page-content">
            <div id="iframeWrap" class="iframe-wrap">
                <iframe name="iframepage" class="iframe-page" src="${cxjBasePath}welcome.htm" frameborder="0"
                        width="100%"></iframe>
            </div>
        </div>
    </div>
</div>
<div class="footer text-center">
    <div class="footer-inner">
        CopyRight © 2016-2020, All Rights Reserved 版权所有 smi
    </div>
</div>
<@jc.jsurl url = [
"assets/js/index"
]/>

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->

<@jc.jsurl url = [
"/assets/plugins/bootstrap/js/bootstrap.min",
"/assets/plugins/jquery.cookie.min",
"/assets/plugins/select2/select2.min",
"/assets/plugins/uniform/jquery.uniform.min",
"/assets/js/app",
"/assets/plugins/jquery-validation-1.13.1/dist/jquery.validate.min",
"/assets/plugins/jquery-validation-1.13.1/src/localization/messages_zh",
"/assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min",
"/assets/plugins/jquery-slimscroll/jquery.slimscroll.min",
"/assets/plugins/data-tables/jquery.dataTables",
"/assets/plugins/zTree_v3/js/jquery.ztree.core-3.5.min",
"/assets/plugins/zTree_v3/js/jquery.ztree.excheck-3.5.min",
"/assets/plugins/zTree_v3/js/jquery.ztree.exedit-3.5.min",
"/assets/plugins/zTree_v3/js/jquery.ztree.exhide-3.5.min",
"/assets/plugins/data-tables/DT_bootstrap",
"/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker",
"/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.zh-CN",
"/assets/plugins/jquery.blockui.min"
]/>
<script>
    var alertMessage = "${alertMessage!}";
    var ajaxStatusSuccess = "success";
    jQuery(document).ready(function () {

        //App.init(); // initlayout andore plugins

        if (alertMessage) {
            tools.message(alertMessage);
        }

    });
</script>
</body>
</html>